<template>
  <el-row>
    <fm-generate-form :data='jsonData'
                      :remote='remoteFuncs'
                      :value='values'
                      :key='jsonData["list"][0]["key"]'
                      ref='generateForm'
                      @on-change='changeEvent'>
    </fm-generate-form>
    <!-- <el-button @click="change">获取</el-button> -->
  </el-row>
</template>

<script>
// import city from './city'
// import {writeFormTemplate} from '@/api/workOrderController'
export default {
  props: ['jsonData'],
  data () {
    return {
      // jsonData: {
      //   'list': [
      //     {
      //       'type': 'input',
      //       'name': '单行文本',
      //       'icon': 'icon-input',
      //       'options': {
      //         'width': '100%',
      //         'defaultValue': '',
      //         'required': false,
      //         'dataType': 'string',
      //         'pattern': '',
      //         'placeholder': '',
      //         'remoteFunc': 'func_1540908864000_94322'
      //       },
      //       'key': '1540908864000_94322',
      //       'model': 'input_1540908864000_94322',
      //       'rules': [
      //         {
      //           'type': 'string',
      //           'message': '单行文本格式不正确'
      //         }
      //       ]
      //     }
      //   ],
      //   'config': {
      //     'labelWidth': 100,
      //     'labelPosition': 'top',
      //     'size': 'small'
      //   }
      // },
      values: {},
      remoteFuncs: {},
      editData: {}
    }
  },
  mounted () {
    // this.getByTaskId()
  },
  methods: {
    // getByTaskId () {
    //   getByTaskId(1565258025204).then(res => {
    //     console.log(res.data.data.content)
    //     this.jsonData = res.data.data.content
    //   })
    // },
    changeEvent (field, value, data) {
      // console.log("数据改变后的值" + value)
      this.$emit('getChangeData', value, field)
    },
    change () {
      this.$refs.generateForm.getData().then(data => {
        // 数据获取成功
        delete data.undefined
        let params = {
          content: this.jsonData,
          modelValue: data
        }
        this.$emit('sendmsg', params)
      }).catch(e => {
        console.log('失败了')
        // 数据校验失败
      })
    },
    getjson () {
      return this.$refs.makingform.getJSON()
    }
  }
}
</script>

<style scoped>
</style>
